<template>
	<div id="inputGroup">
		<!--组件结构-->

		<!--组件容器-->
		<div class="input_group">
			<!--输入框-->
			<input :type="type" :value="value" :placeholder="placeholder" :name="name" :pwd="pwd" @input="$emit('input',$event.target.value)" <!--获取input框-->的值 />

			<!--错误提醒-->
			<div v-if="error" class="invalid-feedback">{{error}}</div>
		</div>
	</div>

</template>

<script>
	export default {
		name: 'inputGroup',
		props: {
			//input框类型
			type: {
				type: String,
				default: "text" //默认类型
			},
			value: String, //input框绑定值
			placeholder: String, //提醒
			name: String,
			pwd: Number,
			error: String

		},

		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped="scoped">
	.invalid-feedback {
		color: red;
		padding-top: 5px;
	}
</style>